.view-root {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: rgba(242, 246, 252, 1);
	position: relative;
	.status-valid-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 248rpx;
		background: linear-gradient(179deg, #6E99C7 0%, #5BC8F6 100%);
	}
	.status-invalid-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 248rpx;
		background: linear-gradient(179deg, #6E99C7 0%, #5BC8F6 100%);
		opacity: 0.5;
	}
	.status-wait-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 248rpx;
		background: linear-gradient(180deg, #D28868 0%, #F6C592 100%);
	}
	.content-scroll {
		flex: 1;
		height: calc(100vh - 135rpx);
		.scroll-flex-wrap {
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-items: stretch;
			padding: 24rpx;
			.order-title {
				padding: 36rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				.status-name {
					font-size: 48rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
				}
				.status-discribe {
					font-size: 30rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FFFFFF;
				}
			}
			.doctor-wrap {
				position: relative;
				padding-top: 24rpx;
				.doctorInfo-card-img {
					border-radius: 50%;
					width: 140rpx;
					height: 140rpx;
					display: block;
					border: 4rpx solid white;
					position: absolute;
					top: 0;
					right: 52rpx;
					z-index: 900;
				}
				.doctorInfo-card {
					width: 702rpx;
					border-radius: 16rpx;
					background-color: rgba(255, 255, 255, 1);
					padding: 24rpx;
					box-sizing: border-box;
					position: relative;
					.doctorInfo-card-top {
						display: flex;
						.doctorInfo-card-info {
							.doctorInfo-layer1 {
								.doctorInfo-layer1-box {
									display: flex;
									align-items: center;
									.doctorInfo-layer1-word2 {
										font-size: 40rpx;
										font-family: PingFangSC-Semibold, PingFang SC;
										font-weight: 600;
										color: #333333;
									}
								}
								.doctorInfo-layer1-word3 {
									font-size: 28rpx;
									font-family: PingFangSC-Regular, PingFang SC;
									font-weight: 400;
									color: #B0B2B1;
								}
								.doctorInfo-layer1-word4 {
									font-size: 28rpx;
									font-family: PingFangSC-Regular, PingFang SC;
									font-weight: 400;
									color: #222222;
									margin: 10rpx 0;
								}
							}
				
							.doctorInfo-layer2 {
								z-index: auto;
								width: 520rpx;
								font-size: 24rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #B0B2B1;
								margin-top: 8rpx;
								margin-bottom: 24rpx;
							}
						}
					}
				
					.doctorInfo-layer3 {
						display: flex;
						margin: 20rpx 0 0;
						justify-content: space-around;
						.doctorInfo-layer3-left {
							// display: flex;
				
							.word6 {
								text-align: center;
								font-size: 24rpx;
								font-family: PingFangSC-Regular;
								color: rgba(153, 153, 153, 1);
							}
				
							.info2 {
								text-align: center;
								font-size: 34rpx;
								font-family: PingFangSC-Medium, PingFang SC;
								font-weight: 500;
								color: #6E99C7;
							}
						}
					}
					
					.sign-time {
						background-color: rgba(110, 153, 199, 0.22);
						border-radius: 10rpx;
						padding: 0 24rpx;
						height: 40rpx;
						line-height: 40rpx;
						font-size: 20rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #6E99C7;
						margin-top: 8rpx;
						margin-bottom: 16rpx;
					}
					
					.divider-line {
						height: 2rpx;
						background-color: #E5E5E5;
					}
					
					.bottom-line-wrap {
						display: flex;
						justify-content: flex-end;
						align-items: center;
						padding: 24rpx 0;
						overflow: hidden;
						.expire-time {
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #B0B2B1;
							flex: 1;
						}
						.server-status {
							font-size: 28rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #FF9660;
						}
						.unlike-btn {
							width: 140rpx;
							height: 56rpx;
							border-radius: 28rpx;
							border: 2rpx solid #E5E5E5;
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #B0B2B1;
							line-height: 56rpx;
							text-align: center;
						}
					}
				}
			}
			.order-info-wrap {
				background-color: white;
				border-radius: 24rpx;
				display: flex;
				flex-direction: column;
				padding: 24rpx;
				margin-top: 24rpx;
				position: relative;
				.copy-btn {
					width: 80rpx;
					height: 36rpx;
					border-radius: 18rpx;
					border: 2rpx solid #B0B2B1;
					font-size: 24rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #B0B2B1;
					line-height: 36rpx;
					text-align: center;
				}
				.info-form-line {
					display: flex;
					align-items: center;
					margin-bottom: 16rpx;
					overflow: hidden;
					.info-form-title {
						width: 156rpx;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #B0B2B1;
					}
					.info-form-content {
						flex: 1;
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #222222;
					}
					.express-copy-btn {
						width: 80rpx;
						height: 36rpx;
						border-radius: 18rpx;
						border: 2rpx solid #B0B2B1;
						font-size: 24rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #B0B2B1;
						line-height: 36rpx;
						text-align: center;
					}
				}
			}
			.refund-info-wrap {
				background-color: white;
				border-radius: 24rpx;
				display: flex;
				padding: 24rpx;
				margin-top: 24rpx;
				align-items: center;
				.refund-price {
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FC4E4C;
				}
				.refund-left-wrap {
					flex: 1;
					align-items: flex-start;
					overflow: hidden;
					display: flex;
					flex-direction: column;
					.refund-title {
						font-size: 28rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #6B6970;
					}
					.refund-notice-wrap {
						display: flex;
						align-items: center;
						margin-top: 4rpx;
						.refund-notice {
							font-size: 24rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #B0B2B1;
						}
						>image {
							width: 24rpx;
							height: 24rpx;
							margin-right: 8rpx;
						}
					}
				}
			}
		}
		
	}
	.bottom-panel {
		width: 100vw;
		height: 135rpx;
		z-index: 400;
		background: #FFFFFF;
		box-shadow: 0rpx -4rpx 12rpx 0rpx #DFE5F3;
		border-radius: 24rpx 24rpx 0px 0px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		.normal-btn {
			width: 204rpx;
			height: 76rpx;
			background: #E0E9F3;
			border-radius: 38rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #6E99C7;
			text-align: center;
			line-height: 76rpx;
			margin-right: 16rpx;
		}
		.confirm-btn {
			width: 204rpx;
			height: 76rpx;
			background: #6E99C7;
			border-radius: 38rpx;
			font-size: 28rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: white;
			text-align: center;
			line-height: 76rpx;
			margin-right: 24rpx;
		}
	}
	
}